#html fics

[wordsofwilderness]

Heart Flutter Among Stars

It's been too long since I last uploaded a fluffy little Jegulus one-shot. So here is a totally normal, nothing inconspicuous here, nooo don't look at the date, fluffy Jegulus one-shot 🥰

They had been doing this for a while now, James inexplicably showing up whenever Regulus went here after curfew. Some days they talked, some days they simply existed in each other’s space. Like a little bobble, the rest of the world seemed to fade away whenever James came here. Maybe that was why he was so drawn to Regulus, the sense of grounded calm he gave James, even when butterflies fluttered in his stomach. Regulus hummed in response, his focus still somewhere out on the far horizon. The circles under his eyes were darker than usual, a dreary sense of resignation clinging to him. “Bad day?” James prompted carefully. Hopefully, he’d just stayed up all night reading again and was tired. With a roll of his eyes, Regulus scoffed, “I guess you could say that.” Something more sombre then. At least he hadn’t lost his spark for bickering. “You could talk to me about it if you want,” James suggested with furrowed eyebrows.

https://archiveofourown.org/works/64349572 (tumblr won't let me make a proper fancy link, rude)

[mackerel-cheese]

changing the game

i coded an interactive game thing on AO3. in the spirit of sam reich, i made a bunch of my friends play this before i posted it :)

sam, i see why you do it now. i get it.

extended A/N and spoilers under cut

i'm pretty sure i've once again broke the ao3 end notes.

making this work has actually been insane. as much as this fic is my own work, it has been influenced by so many other people too.

i remember watching the rick perry documentary on dropout when it first came out. it kind of restarted something in me that i have long forgotten.

you can draw a straight line from me watching that documentary to me learning to code for fanfic reasons.

this entire thing has been an exercise in connecting with other creatives in various fandom spaces to make something i found cool and fun.

i mean, sudokus on ao3??? who would have thought.

making the connections game was really fun too. i learnt so much about combinators, its wild. i feel like a part of my brain has been unlocked.

anyways, i hope people have fun and read this.

in another life, i was a game dev for real.

[lexosaurus]

Just discovered The Hottest Topic by @mystyrust and jesus fuck what an HTML extravaganza. I seriously don't think I've ever read a fic like this before.

It turns out they have a whole series of HTML fics like this. Please do yourself a favor and check them out because I cannot imagine the insane amount of work this took to make ALSO THIS IS SO COOL??? EXCUSE YOU??? brb bingeing the rest of these fics

[maxybabyy]

maybe the incident raised us charles/max | explicit | chat fic | 4.4k

Pierre did you know alex and george are fucking Charles i know someone else who are fucking Pierre omg who Charles are you for real ? [Mirror selfie of Charles and Max fucking.] Pierre Hmmm …

a look into charles' phone between 2019-2024.

[amphibianauthor]

Ao3 HTML/Coding Resources Part II

This is the HTML/Coding for Website mimicking resources in Archive of our Own (Ao3). To find Part I where I go over the Basics, General Text HTML and some Fancy Formatting (images, dividers, columns, photos, tabs etc. CLICK HERE!

Other Websites:

Texting

-How to make iOS Text Messages on Ao3 by CodenameCarrot, La_Temperanza

-A Quick Generator for Embeddable iOS Text Messages by 221b_ee

-imessage Skin by Adzaema

-Retro imessage by Adzaema

-Basic Text Message Work Skin by ProfessorMotz

- Bubble platform [workskin] by Khashana

-Chat Log HTML by deathbymistletoe

-LINE Messenger/Chat by imperiousmarshmellow

-IDOLish Rabbit Chat Workskin by associate

-Replika workskin by FaeriMagic

-Texting Workskin to match light/dark mode by irrationalpie

Tumblr

-Tumblr style CSS Tweaks by Aposiopesis

-Ao3 Workskin Testing and Tutorials by junietuesday25 tumblr DM

-How to make Tumblr Posts on Ao3 by phyyripo

-Plain Text Social Media Platforms by anubisms

-Tumblr Post Work Skin by tsukinosaugi

Twitter

-Repository - Twitter by gadaursan

- How to mimic Social Media in an Ao3 work by aerynevenstar

-Twitter Work Skin Template by etc e tal

-Twitter Workskin: Tweets and Profile by starskin

-Twitter Mock-Up by TheBrookesNook

Ao3/Fandom

-How to mimic Authors notes and Kudos/Comment Buttons by La_Temperanza

-How to mimic AO3 Comments by bittermoons

-How to add mobile Ao3 in your fic by DemigodofAgni

-How to make a fanfic style header Ao3 style by ElectricAlice

-Template for adding post chapter content by SpookyTesting

-CSS based full Ao3 fic integration (Header/Overview, Comments, Title, Summary & Buttons) by deciMae

-How to Mimic LiveJournal Posts and Comments by cursedcuriosities

-Dreamwidth Entries & Comments Work Skin  by folk_melody 

Facebook/Instagram/Whatsapp

-Whatsapp Group Chat builder by FestiveFerret

-How to make Facebook Messenger Chat on Ao3 by ran_a_dom

-Whatsapp Work Skin Template Revamped by etc e tal

-Whatsapp group chat skin by ovely

-Instagram DMs for Ao3 by monarch_rhapsodies

-How to make Instagram DM mockup by xslytherclawx

-Penstagram chats on ao3 by deciMae

Snapchat

-Snapchat skin by Azdaema

-Snapchat Template for Ao3 by starskin

Reddit/Forum

-UPDATED Reddit Skin by diamine

-2020 Reddit Work Skin by timstokerlovebot

-Reddit Work Skin CSS & HTML by knave_of_swords

-How to mimic Social Media in an Ao3 work by aerynevenstar

-template Reddit Skin by spookedcroon

-template:Subreddit page by ireseen

-Ao3 workskin for Forum Thread by fencesit

-Ao3 workskin for Forum Thread [Expansion Pack] by AMereDream

-How to mimic 4chan posts without just taking screenshots of 4chan

Twitch/Youtube

-Mimicking Twitch Chat for fics by Ultraviollett

-Twitch Chat Work Skin by cherrari

-Workskin testing by tohmas [Youtube comments]

-Youtube Work Skin by 1864s

-Youtube Comment Section Workskin by LupaMoe

Discord/Slack/Zoom

-2023 Discord Theme Workskin by TrojanTeapot

-Discord Work Skin by unpredictableArtist

-Discord (Dark Theme) Workskin by Heterochromia_Mars

-Skin for Recreating Discord’s Server Member List by SpookyTesting

-Ao3 Workskin Testing and Tutorials by junietuesday25

-Slack Workskin by Khashana

-Zoom inspired Ao3 skin by mystyrust

Wikipedia 

-Fake Wikipedia article about a TV show: Work Skin by Anonymous 

-Wikipedia article work skin by styletests

-SCP Wiki Style Workskin by thesnager

Working Games in Ao3 Tutorials

Logic Grid Puzzle Work Skin & Tutorial by BookKeep

The Case Of The Clickable Murdle by VThinksOn

Review Sites:

Yelp Reviews by kiwiana

Amazon Reviews by kiwiana

Rate My Professor Work Skin by BookKeep

Video Game Dialog Mimics

-Dialog [workskin] by Clover_Zero

-Dialogue Workskin (with parallax BG effect) by mystyrust

-My S Ranks--System Windows by unpredictableArtist [computer dialog workskin]

-Tutorial: Ace Attorney Work Skin by QuailFence

-Among Us Ao3 skin by mystyrust

-How to Mimic Undertale Fonts on Ao3 by La_Temperanza

-Tutorial:Rain Code Work Skin by faish

-Balder's Gate 3 Documents Work Skin by Professor_Rye

-SpookyTesting has SOO many Nintendo based ones

–Mimicking Minecraft for some fics by Ultraviollett 

Runescape Right Click Menu Formatting by fennfics

How to put Z skits in your Tales fics by wingedcatgirl

How to make Honkai: Star Rail Messages by html_hell (jihnari)

Hold-hands inspired Texting skin by cursedcuriocities(SetsuntaMew)

Simple Linkshell Ao3 Work Skin by Pent – Final Fantasy XIV mimic

Homestuck Chat Clients by 77angel-skins

Workskin: Slay the Princess by ASpooky

Slay the Princess: Updated Workskin by Lilto

Misc. Sites

--How to mimic Deadpool Thinking boxes by La_Temperanza

--FetLife Skin [Work Skin] by Khashana

--Disco Elysium workskin by SarunoHadaki

--StarTrek PADD workskin by duskyspirit

--MDZS-themed letters by allollipoppins

--A Newbie's Guide to Podficcing by Adzaema [skin for podfics]

--Skin for making Character Intro Cards by SpookyTesting

--Kpop Photocards by legonerd

–OVR System Workskin by unpredictableArtist

-How to make Stylized CSS Card Links for your fics by buttertartz

-vroom vroom kachow: Formula1 Race Results Workskin by mackerel_cheese

Bonus: Ever wanted to see how crazy HTML can be on AO3? Try playing But can it run Doom? or Tropémon by gifbot

Happy Creating!

Last updated: Feb 8 2025 (Have a resource that you want to share? My inbox is open!)

View Part I with HTML Basics HERE!

[ginnyinindy]

Chapters: 1/1 Fandom: Look Outside (Video Game) Rating: General Audiences Warnings: No Archive Warnings Apply Relationships: Sam & The Visitor (Look Outside) Characters: Sam (Look Outside), The Visitor (Look Outside) Additional Tags: Canon-Typical Body Horror, Body Horror, Disassociation, Existential Horror, Existential Bliss, Non-Standard Writing, Nonverbal Communication, An Attempt To Conceptualize The Unknowable, And What A Conversation Like That Would Be Like Summary:

Sam communes with The Visitor.

[voiider]

MOMO - "Nikki, that outfit looks spectacular!"

DRAMA - Yes, my liege. Spending twenty US American dollars on an app game was the best possible choice.

SUGGESTION [Easy: Failure] - Perhaps you should spend more money.

[anbessette]

You've heard of There Was Only One Bed, now get ready for: There Were Only Two Beds!

3zun stop at an inn for the night after a night hunt. There's one room available, but it only has two beds. (And, to avoid the easy solution, the room is too small and cramped for anyone to sleep on the floor. Jin Guangyao could maybe fit in the gap between the beds but it would be hell on his old injuries and the other two know it.) Who shares with whom? Who sleeps alone? How do they decide?

Some possibilities I considered while trying to fall asleep:

NMJ and LXC share, JGY sleeps alone

——NMJ suggested it because he doesn’t trust JGY. He doesn’t say it in so many words, but JGY knows 😢

——LXC suggested it because he’s worried about JGY’s reputation. No-one would dare make an issue of Zewu-jun and Chifeng-zun sharing a bed, but being caught in bed with either of his sworn brothers could ruin JGY.

——JGY suggested it because his sworn brothers are pure and righteous and he is the son of a prostitute. Obviously they wouldn’t want to dirty themselves being so close to him if there's another option. He'll be the one to make the suggestion so he doesn’t have to hear either of them say it out loud.

NMJ and JGY share, LXC sleeps alone

——NMJ suggested it because he saw the look on JGY’s face and had to make sure JGY knows that NMJ doesn’t think he’s dirty.

——LXC suggested it because of his ongoing quest to matchmake Nieyao into reconciling. He's sure that a little forced intimacy can only improve their relationship!

——JGY suggested it because he wants to show er-ge that he is trying to fix things and it’s da-ge who’s being unreasonable. He assumed NMJ would refuse and earn himself a disapproving look from LXC. He has no idea what to do with himself when NMJ just goes “Yeah, OK” and gets into bed with him.

LXC and JGY share, NMJ sleeps alone

——NMJ suggested it because LXC and JGY are both smaller than he is and will fit more comfortably in one of these cramped little beds. He has no feelings whatsoever about the prospect of sharing a bed with either of them, it's just practical.

——LXC suggested it because he assumes NMJ would refuse to consider sharing with JGY and he doesn’t want a fight.

——JGY suggested it because he’s scared of NMJ. He doesn’t say it in so many words, but NMJ knows 😢

Someone figures that opportunities like this don’t come along every day and volunteers to share with whoever he thinks he has the most sexual/romantic tension with. It might be his only chance to share his beloved’s bed! Unfortunately, it’s not as romantic or as sexy as he hoped, not least because he can’t stop thinking about the other guy just a couple of feet away...

Someone doesn’t want this to be weird and volunteers to share with whoever he thinks he has the least sexual/romantic tension with. Turns out he’s mistaken about that. By the end of the night he has to confront the realisation that he’s in love with both of his sworn brothers.

Someone wants to share because he’s noticed there’s a ton of sexual/romantic tension between the other two. They’re not gonna be consummating that shit tonight if he has anything to say about it! He’s so busy worrying about his sworn brothers getting together and leaving him behind that he doesn’t notice the “😍Of course I’ll sleep with you!” and “😏You two have fun” reactions.

Someone volunteers to sleep alone because he’s noticed there’s a ton of sexual/romantic tension between the other two and he is nobly stepping aside. He won’t stand in the way of true love. The other two are like “Why’s he so eager to sleep alone? Doesn’t he love us?🥺”

Two people offer to share because they’ve done it before and it wasn’t a big deal (Nielan when they were kids, Xiyao when they were on the run, or Nieyao when they were in the army). The other person spends the whole night tormented by sexy, sexy visions of what might have happened between his sworn brothers on the multiple(!) nights they’ve spent in bed together.

The person who’s sleeping alone is jealous and horny and agonising over all the sex he might be missing out on right now.

The person who’s sleeping alone can hear the other two breathing, and he knows they’re fast asleep. He’s cold and lonely and tormented by soft, cosy visions of all the cuddles he’s definitely missing out on right now.

Somehow, they make it through the night.

The next time they have to spend the night at an inn together, the proprietor says “We have two rooms available. One has two beds, and the other has one bed.” 3zun, remembering this night, say “We’ll take the room with one bed.” “No, that’s not … You don’t have to choose between them. You can take both rooms.” “WE. WILL. TAKE. THE ROOM. WITH ONE BED.”

[ladyhoneydarlinglove]

Frog Day Afternoon

One Piece | SanZo | E

Zoro shifts, flexing his back to accentuate the curve of his spine. “You wanna fuck?” Sanji chokes on his cigarette and promptly loses the fight against his nosebleed. “Wait, seriously?” he asks, voice thick with blood as he pinches the bridge of his nose in an attempt to staunch the flow. “I mean, I’m not—of course I do, but you’ve always said you don’t—” “Consider it a one time offer,” Zoro says with a little smirk. “Courtesy of the heat.”

Zoro does yoga, and while he isn’t usually in the habit of mixing sex with his practice, a golden opportunity on a hot afternoon proves too good to pass up.

Tags: PWP, established relationship, trans zoro, vaginal sex, wet & messy, sanji and zoro bickering, inappropriate use of yoga positions (specifically frog's pose)

{Read on Ao3}

[princelyreverie]

been on a real EAT kick lately for some reason so i made a few stamps for my artfight profile! figured id release it in the tiny chance anyone else is interested

[wordsofwilderness]

idea for next april fools fic is minesweeper and if you lose the fic explodes

Ngl that seemed like it would be 10 times easier to make than the sudokus 👀👀

I'd only have to deal with two states for each cell?? I won't have to meticulously check to make sure it only has one unique solution??

Minesweeper maps seem easier to generate too. Wouldn't that just be x randomly places mines and then you iterate through all the cell and assign it a number based on how many nearby mines there are? Idk how I would handle revealing the big empty areas though and flags on right click may be a problem too, but with an entire year to figure it out so I'm sure I'll work something out!

[tommytonebender]

A Certain Song at the Edge of the Universe (190,719 words) by retrovertigo Chapters: 30/? Fandom: The Venture Bros Rating: Mature Relationships: Billy Quizboy & Pete White, Billy Quizboy/Pete White Characters: Billy Quizboy, Pete White, Rusty Venture, Brock Samson, Shore Leave (Venture Bros.), Byron Orpheus, Dr. Girlfriend, Rose Whalen, Hunter Gathers Additional Tags: Life Partners, Fake/Pretend Relationship, Science Fiction, Slow Burn, Teleportation, Multiverse, Inspired by Music, Inspired by Real Events, Character Study, Self-Acceptance, Dark Comedy, Unresolved Emotional Tension, Identity Issues, Queer Themes, Other Additional Tags to Be Added, Soulmates, Trope Subversion, Existentialism, Mid-life Crisis, Families of Choice, Loss, Time Shenanigans, Near Death Experiences, Hurt/Comfort, Flashbacks, Neurodiversity, Disability, Fame Summary: Conjectural Technologies has a no good, very bad, time-and-space destroying day and learns the value of their relationships.

HAPPY APRIL 1ST, THIS IS NOT AN APRIL FOOLS JOKE, I LIVED BITCH

We got a long update plus playlist goodies waiting for you, and if you don't like it I'll set myself on fire (April Fools I will not do that)

[bluuscreen]

this is from like 5 months ago and i entirely forgot i drew it until just now, i think it was for a fic i never ended up writing? but anyways nondespair au junko did makoto’s makeup because they were having a #girlsnight and makoto was invited because he is small and nonthreatening. idk

[html-tryhard]

HTML Fic Event Week

Prompt Sheet Generator | AO3 Collection | html tryhard on AO3

HTML is a markup language used to tell a web browser how to display content. You might be aware of simple uses of HTML, such as bold and italics but HTML can be used to do so much more! Do you like r/AITA stories? Have you ever been interested in including realistic text messages into your fics? Did you like choose-your-own-adventure books as a kid? HTML can be used for all of these things and more!

Join us for HTML Tryhards 2025, where we bully our friends (and you? 👀) into making fanfiction super extra shiny using the power of HTML.

AO3, a fanfiction hosting platform, supports the use of HTML, and that's where submissions for this event should be posted. We have a collection for you to post to, but please use the tag #HTML Tryhard on your work as well!

On Tumblr, @ this blog or use the tag #htmltryhard2025, and we'll reblog your posts.

Prompts

There are two (optional) prompts per day, one to influence the format and one to influence the story. You can generate your own custom prompt list here. Use as many or as few of the prompts as you like.

Rules

All fandoms welcome.

Submissions must include a significant portion of HTML. We'd prefer the entire work be HTML, but mixed prose and HTML is also acceptable.

Submissions MUST be HTML and not images or screenshots of text logs/tweets/etc.

There is no required minimum word count, but the suggested minimum word count is 500 words.

The prompts are OPTIONAL, use as many or as few as you'd like.

HTML/CSS guides are accepted (and encouraged!) as submissions.

Submissions should include the #HTML Tryhard tag on AO3.

Submissions should be added to the collection on AO3.

You can start posting submissions January 13th. The last date of the event is January 17th, though if you're running behind you can still post to the collection after that date.

Follow us!

If you don't know how to use HTML but it's something you're interested in, give us a follow! In the days leading up to the event, we'll be sharing works that have utilized HTML, as well as helpful tutorials. The difficulty of these tutorials will vary, and we'll post things we hope will be helpful for tryhard veterans and beginners alike.

You can also send us your HTML questions and we'll do our best to help you out!

[hedwig221b]

I absolutely adore that you're steadily building a rec database through your posts. It just grows and grows with every rec list

Omg 😭💖 Yeah, it's getting bigger and people keep asking for more recs. I'm thinking about making a separate blog for fic recs and fic search, but I have no idea how to make those fancy tag pages other rec blogs have...

[thequibblah]

THOU AND I ARE TOO WISE TO WOO PEACEABLY...

CHAPTER 1: A SONG & A KISS // jily week 2024: love is in the hair

read. playlist.